import { memo, ReactElement } from "react";
import type { FC } from "react";

import styles from "./index.module.scss";
export interface IProps {
  children?: ReactElement;
  title?: string;
}

const SectionTitle: FC<IProps> = memo(function (props) {
  const { children, title } = props;
  return (
    <>
      <div className={styles.container}>
        <h1 className={styles.title}>{title}</h1>
      </div>
    </>
  );
});

export default SectionTitle;
SectionTitle.displayName = "SectionTitle";
